<template>
  <div class="title">
    <div class="l">名师推荐</div>
    <!-- <div class="r">查看更多 >>></div> -->
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.title {
  width: 100%;
  height: 50px;
  // background: linear-gradient(to left, #fff, #e6e5e5);
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  padding: 0 20px;

  .l,
  .r {
    flex: 1;
    font-size: 20px;
    font-weight: bold;
  }

  .r {
    text-align: right;
    font-size: 14px;
    color: #666;
  }
}
</style>
